header {
  z-index: 100;
}
.search .search-input {
  border: #8dd5ff solid 1px;
  outline: none;
  width: 100%;
  border-radius: 15px;
  padding-left: 20px;
  font-size: 14px;
}
.search .so {
  right: 10px;
  top: 7px;
}
.nav-top .active {
  font-weight: bold;
  border-bottom: 2px solid #000;
}
.nav-bottom a span {
  margin-top: 5px;
}
.nav-bottom a img {
  width: 40px;
}
.swiper .swiper-slide img {
  width: 100%;
}
.cont-item img {
  width: 32.5%;
  height: 110px;
}
.cont-item .video-img {
  width: 100%;
}
.cont-item .video-btn {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.3);
  padding: 20px;
  border-radius: 50%;
}
.cont-item .video-time {
  bottom: 12px;
  right: 3px;
  color: #fff;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.3);
}
.energy .hot-l {
  width: 50%;
  background: linear-gradient(to bottom, #ecfaff, #fff);
  border-radius: 5px;
  padding: 10px;
}
.energy .hot-l .ener {
  padding: 5px;
  background-color: #a4f4f6;
  border-radius: 5px;
  margin-left: 3px;
}
.energy .hot-r {
  width: 50%;
}
.energy .hot-r .top {
  height: 50%;
  background: linear-gradient(to bottom, #ecfff7, #fff);
  border-radius: 5px;
}
.energy .hot-r .top img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-bottom: 3px;
}
.energy .hot-r .bot {
  height: 50%;
  background: linear-gradient(to bottom, #faecff, #fff);
  border-radius: 5px;
}
.energy .hot-r .bot span {
  padding: 7px;
  background-color: #fff;
}
.energy .hot-r .bot .botbot {
  padding: 5px;
  background-color: #f3aef3;
  border-radius: 5px;
}
.energy .energy-img {
  width: 66px;
  height: 40px;
  border-radius: 5px;
}
